<!doctype html>
<meta charset="utf-8">
<title>仓库数据分析</title>
<link href="${request.contextPath}/statics/css/style.css"  rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" href="${request.contextPath}/statics/plugins/element-ui/index.css">
<link rel="stylesheet" href="${request.contextPath}/statics/plugins/element-ui/doc.css">

<body>
<div class="wpbox" id="rrapp" >
<div class="bnt">
  <div class="topbnt_left fl">
   <ul>
     <li class="active"><a href="javascript:void(0);" v-on:click="switchTab(1)">仓储管理</a></li>
     <li ><a href="javascript:void(0);" v-on:click="switchTab(2)">客流统计</a></li>
   </ul>
  </div>
  <h1 class="tith1 fl">仓库数据分析</h1>
  <div class=" fr topbnt_right">
    <ul>
       <li><a href="javascript:void(0);" v-on:click="showMenuPage">管理</a></li>
        <li><a href="javascript:void(0);" v-on:click="switchTab(3)">气象台</a></li>
        <!--<li><a href="#">分析报告</a></li>
        <li><a href="#">交通</a></li>
        <li><a href="#">舆情</a></li>-->
    </ul>
  </div>
</div>
<!-- bnt end -->
<div class="left1">
    <!--<div class="aleftboxttop"><h2 class="tith2">今日矛盾纠纷数据统计</h2>
    <div class="lefttoday_tit" style=" height:8%"><p class="fl">地区：甘孜</p><p class="fr">2018-06-14</p></div>
    <div class="lefttoday_number">
      <div class="widget-inline-box text-center fl">
        <p>矛盾纠纷</p>
        <h3 class="ceeb1fd">54</h3>
        <h4 class="text-muted pt6">环比<img src="${request.contextPath}/statics/images/bigdataUI/iconup.png" height="16" />2%</h4>
      </div>
      <div class="widget-inline-box text-center fl">
         <p>已调节</p>
        <h3 class="c24c9ff">54</h3>
        <h4 class="text-muted pt6">环比<img src="${request.contextPath}/statics/images/bigdataUI/icondown.png" height="16" />3%</h4>
      </div>
      <div class="widget-inline-box text-center fl">
         <p>未调节</p>
        <h3 class="cffff00">4</h3>
        <h4 class="text-muted pt6">环比<img src="${request.contextPath}/statics/images/bigdataUI/icondown.png" height="16" />3%</h4>
      </div>
      <div class="widget-inline-box text-center fl">
         <p>处理中</p>
        <h3 class="c11e2dd">4</h3>
        <h4 class="text-muted pt6">环比<img src="${request.contextPath}/statics/images/bigdataUI/icondown.png" height="16" />3%</h4>
      </div>
    </div>-->
    <!-- lefttoday_number end -->
    <div class="housediv" style="margin:.5%">
        <span style="font-size:11px">仓库选择：</span>
        <el-select v-model="house" placeholder="请选择" @change="houseChange" size="mini">
            <el-option
                    v-for="item in houseList"
                    :key="item.id"
                    :label="item.antennaName"
                    :value="item.id">
            </el-option>
        </el-select>
    </div>
    <div class="arightboxtop"><h2 class="tith2" >待办已办</h2>
        <div class="lefttoday_tit">
            <p class="fl-select fl">
                <el-select v-model="isSelect" placeholder="请选择" size="mini"  @change="toDoChange">
                    <el-option
                            label="待办"
                            value="0">
                    </el-option>
                    <el-option
                            label="已办"
                            value="1">
                    </el-option>
                </el-select>
            </p>
            <p class="fr">时间段：{{dateTime}}</p></div>
        <div class="left2_table left2_algin">
            <ul>
                <li v-for="(item,ind) in toDoList"  v-if="ind<7"  v-on:click="clickToDO(item)" >
                    <p class="fl" v-if="isSelect==0" v-on:click="clickToDO(item)">
                        <b>{{item.areaName}}{{item.shelveName}}{{item.allocationName}}</b><br>
                        {{item.goodsName }}处于待检测状态中，请及时检测 <br>
                    </p>
                    <p class="fl" v-else @click="clickToDO(item)">
                        <b>{{item.areaName}}{{item.shelveName}}{{item.allocationName}}</b><br>
                        {{item.goodsName }} 检测结果为：{{item.statusName}} <br>
                    </p>
                    <p class="fr pt17" v-if="isSelect==0">{{item.updateTime}}</p>
                    <p class="fr pt17" v-else>{{item.createTime}}</p>
                </li>
            </ul>
        </div>
    </div>
    <div class="arightboxbott" style="margin-top: 10%; padding-bottom: 5%">
        <h2 class="tith2">报警记录</h2>
        <!-- TODO 在列表底部做个加载更多，点击跳转到警报管理页面；调整样式使其不超过页面大小 -->
        <div class="lefttoday_tit"><p class="fl"></p><p class="fr">时间段：{{dateTime}}</p></div>
        <div class="left2_table left2_algin">
            <ul>
                <li v-for="item in warnList">
                    <p class="fl" style="font-size: 10px"><b>{{item.goodsName}}</b><br>
                        {{item.batch}}，原因：{{item.warnReason?item.warnReason:'无'}} <br>
                    </p>
                    <p class="fr pt17">{{new Date(item.createTime).Format('yyyy-MM-dd HH:mm:ss')}}</p>
                </li>
            </ul>
        </div>
    </div>
   <!-- <div class="aleftboxtmidd">
      <h2 class="tith2">温度统计</h2>
          <div class="lefttoday_tit height ht">&lt;!&ndash;<p class="fl"></p>&ndash;&gt;<p class="fr">时间：{{date}}</p></div>
      <div id="aleftboxtmidd" class="aleftboxtmiddcont"></div>
  </div>
    <div class="aleftboxtbott">
        <h2 class="tith2">湿度统计</h2>
            <div class="lefttoday_tit height">&lt;!&ndash;<p class="fl"></p>&ndash;&gt;<p class="fr">时间：{{date}}</p></div>
        <div id="aleftboxtbott" class="aleftboxtbott_cont" ></div>
    </div>-->
</div>
<!--  left1 end -->
<div class="mrbox">
      <div class="mrbox_topmidd" style="width: 69%;">
          <div class="amiddboxttop">
              <h2 class="tith2 pt1">实时监控统计</h2>
                <div class="amiddboxttop_map" style="">
                 <span class="camera_l"  style=" top:34%;left:32%"></span>
                 <span class="camera_l" style=" top:10%;left:10%"></span>
                 <span class="camera_l" style=" top:5%;left:40%"></span>
                 <span class="camera_l" style=" top:10%;left:50%"></span>
                 <span style=" top:30%;left:75%"></span>
                 <span style=" top:5%;left:92%"></span>
                 <span style=" top:40%;left:83%"></span>
                </div>
            </div>
            <!--  amiddboxttop end-->
                <div class="amidd_bott">
                  <div class="amiddboxtbott1 fl" >
                    <h2 class="tith2 pt1">pm2.5统计</h2>
                      <div class=""><p class="fl"></p><p class="fr"></p></div>
                    <div id="amiddboxtbott1" class="amiddboxtbott1content" ></div>
                  </div>

                <div class="amiddboxtbott2 fl">
                    <h2 class="tith2 pt1">温度统计</h2>
                    <div class="lefttoday_tit"><p class="fl"></p><p class="fr"></p></div>
                    <div id="aleftboxtmidd" class="amiddboxtbott1content"></div>
                </div>
            </div>
            <!-- amidd_bott end -->
          </div>
        <!-- mrbox_top end -->
        <div class="mrbox_top_right">
          <div class="arightboxtop"><h2 class="tith2">借出归还</h2>
            <div class="lefttoday_tit"><p class="fl"></p><p class="fr">时间段：{{dateTime}}</p></div>
            <div class="left2_table">
               <ul>
                    <li v-for="(item,ind) in lendAndReturn"  v-if="ind<7">
                    <p class="fl"><b>{{item.antennaName}}</b><br>
                     {{item.employeeName }}于{{item.updateTime }}{{ item.remark==0?'预约':item.remark==1?'领取':'归还'}}{{item.goodsName }} <br>
                    </p>
                    <p class="fr pt17" v-if="item.status==0">{{item.createTime}}</p>
                    <p class="fr pt17" v-else>{{item.updateTime}}</p>
                    </li>
               </ul>
            </div>

          </div>
            <div class="arightboxbott">
                <h2 class="tith2">湿度统计</h2>
                <div class="lefttoday_tit" style="margin-top: -20px"><p class="fl"></p><p class="fr"></p></div>
                <div id="aleftboxtbott" class="amiddboxtbott1content" ></div>
            </div>
        </div>
        <!-- mrbox_top_right end -->
      </div>
    <Modal
            v-model="isShowTodo"
            title="isSelect==1?'已办':'待办'"
            @on-ok="ok"
            @on-cancel="cancel">
        <p class="fl" v-if="isSelect==0"><b>{{toDo.areaName}}{{toDo.shelveName}}{{toDo.allocationName}}</b><br>
            {{toDo.goodsName }}处于待检测状态中，请及时检测 <br>
        </p>
        <p class="fl" v-else><b>{{toDo.areaName}}{{toDo.shelveName}}{{toDo.allocationName}}</b><br>
            {{toDo.goodsName }} 检测结果为：{{toDo.statusName}} <br>
        </p>
    </Modal>
    </div>
</body>
<style>
    .fl-select{
        width: 25%;
    }
    .left2_algin{
        text-align: left;
    }
</style>
<script src="${request.contextPath}/statics/plugins/echarts/echarts.min.js" charset="utf-8"></script>
<script src="${request.contextPath}/statics/libs/jquery.min.js"></script>
<script src="${request.contextPath}/statics/libs/vue.min.js"></script>
<script src="${request.contextPath}/statics/plugins/element-ui/index.js"></script>
<script src="${request.contextPath}/statics/libs/bootstrap.min.js"></script>
<script src="${request.contextPath}/statics/libs/jquery.slimscroll.min.js"></script>
<script src="${request.contextPath}/statics/libs/fastclick.min.js"></script>
<script src="${request.contextPath}/statics/libs/app.js"></script>
<script src="${request.contextPath}/statics/js/analysis.js"></script>
</html>
